.card_wrap {
    width: 100%;
}
.card_wrap > .item {
    display: block;
    width: 90%;
    margin: 0.15rem auto;
    padding: 0.1rem 0.3rem;
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 0 0 2px #ddd;
    box-shadow: 0 0 2px #ddd;
    margin-bottom: 0.3rem;
}
.card_wrap > .item > .title {
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #eee;
    font-weight: 500;
}
.card_wrap > .item > ul{
    padding:0;
}
.card_wrap > .item > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 0.15rem;
}
.card_wrap > .item > ul > li > span {
    color: #888888;
}
.card_wrap > .item > .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 0.3rem 0.4rem;
}
.card_wrap > .item > .action {
    padding: 0.15rem 0 0.2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-top: 1px solid #eee;
}
.card_wrap > .item > .action > p {
    padding: 0.1rem 0.35rem;
    background: #f85256;
    color: #fff;
    border-radius: 0.25rem;
}
.card_wrap>.item>.card-bottom{
    border-top:1px solid #eee;
    padding:0.1rem 0;
    padding-top:0.2rem;
}
.card-bottom{
    display: flex;
    justify-content: space-between;
}
.card-bottom>p{
    width: 60%;
}
.card-bottom>.action{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    width: 80%;
    margin:0 auto;
}
.card-bottom>.action>a.ok{
    display: inline-block;
    text-align: center;
    background:#f85256;
    color: #fff;
    border-radius: 0.2rem;
    padding:0.05rem 0.4rem;
}
.card-bottom>.action>a.cancel{
    display: inline-block;
    text-align: center;
    background:#51bdeb;
    color: #fff;
    border-radius: 0.2rem;
    padding:0.05rem 0.4rem;
}